<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			* {
				float: left;
			}
			.sidebar h1{
				color: white;
			}
			.sidebar ud{
				background-color: black;
				width: 90;
				height: 100;
				
			}
			
			.sidebar {
				border-right: 1px solid #f0f2f1;
				width: 180px;
				float: left;
				padding-left: 35px;
			}
			
			.sidebar>ul {
				list-style: none;
				padding: 0;
				margin: 0;
				
			}
			
			.sidebar>ul>li {
				font-size: 15px;
				font-weight: 400;
				padding: 0010px;
				margin-top: 5px;
			}
			
			.sidebar>ul>li>ul {
				border-top: 1px dashed rgba(0, 0, 0, 0.1);
				display: block;
				list-style: none;
				margin: 5px010px0;
				padding: 10px0010px;
				font-size: 14px;
				color: #ADA9AA;
				max-height: 138px;
			}
			.sidebar h2{
				font-size:25px ;
				color: black;
			}
			
			.sidebar a {
				line-height: 1.5;
			}
			
			.sidebar a:hover {
				color: #e74430;
				cursor: pointer;
			}
			
			.sidebar-selected {
				color: #e74430;
			}
		</style>
	</head>

	<body>
		<div class="sidebar">
		
			<ul>
				<li>
					<ud>
					<h1>全部分类</h1>
					</ud>
					<ul>
						<li>
							<h2><img src="img/icon_01.gif"/>护肤</h2>
						<li>
							<a>洁面 化妆水 喷雾 美容液 眼霜 眼部精华 眼膜 面膜 面膜贴 水洗面膜 免洗面膜 精华 精油 凝露 乳液 面霜 日霜 晚霜
							</a>
						
						<li>
							<h2><img src="img/icon_02.gif"/>彩妆</h2>
						<li>
							<a>卸妆 防晒 隔离 BB霜 粉底 粉饼 睫毛膏 眼影 唇彩 腮红 眼线笔 底妆 遮瑕 蜜粉 眉笔 美甲
							</a>
						
						<li>
							<h2><img src="img/icon_03.gif"/>香氛</h2>
						<li>
							<a>男香 女香 小Q装 中性香水
							</a>
						

						<li>
							<h2><img src="img/icon_04.gif">身体护理</h2>
						<li>
							<a>洗发 护发 沐浴 身体乳 手足护理 护手霜 纤体 身体精油 颈部护理 个人护理 卫生用品 脱毛
							</a>
					

						<li>
							<h2><img src="img/icon_05.gif">礼盒套装</h2>
						<li>
							<a>护肤套装 身体护理套装 彩妆套装 旅行装 香水套装 男士套装
							</a>
					

						<li>
							<h2><img src="img/icon_05.gif">美容工具</h2>
						<li>
							<a>护肤 美妆 美发 美体 美甲 美容 仪器 其他 美容工具
							</a>
						

						<li>
							<h2><img src="img/icon_07.gif">母婴专柜</h2>
						<li>
							<a>奶粉 尿裤湿巾 母婴洗护
							</a>
						
						<li>
							<h2><img src="img/icon_08.gif">男士专区</h2>
						<li>
							<a>洁面 爽肤水 面霜 男香 眼霜 凝胶 乳液 精华 沐浴
							</a>
						
						<li>
							<h2><img src="img/icon_09.gif">
                                                         食品保健</h2>
						<li>
							<a>瘦身类 保健类 美容类 食品类
							</a>
						

					</ul>
				
			</ul>
		</div>

	</body>

<ml>